<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米6详情页</title>
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../font1/iconfont.css" />
<link rel="stylesheet" href = "../css/xiangqing.css"/>
</head>
<body>
	<div class = "nav_b">
	<div class = "nav">
		<ul class = "Nul">
			<li>小米商场</li>
			<li>MIUI</li>
			<li>米聊</li>
			<li>游戏</li>
			<li>多看阅读</li>
			<li>云服务</li>
			<li>金融</li>
			<li>米币</li>
			<li>小米商场手机版</li>
			<li>问题反馈</li>
			<li>Select Region</li>
		</ul>
		<ol>
			<li class = "user">登录</li>
			<li>注册</li>
			<li>消息通知</li>
			<li><a href = "shopcar.html" target="_blank">购物车</a></li>
		</ol>
	</div>
	</div>
	<!--主导航-->
	<div class = "main-nav">
		<img src = "../image/logo_03.png" id = "main-img"/>
		
		<ul id = "ul1">
			<li class = "first">全部商品类别
				<div class = "tree">
		<ul id = "ul2">
			<li>手机 电话卡
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>笔记本 平板
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>电视 盒子
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>路由器 智能硬件
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>移动电源 电池 插线板
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>耳机 音响
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>保护套 贴膜
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>线材 支架 存储卡
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>箱包 服饰 鞋 眼镜
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
			<li>米兔 生活周边
				<div class = "Tdiv">
					<ol>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
						<li><img src = "../image/cunchu.jpg"><span>存储卡</span></li>
					</ol>
				</div>
			</li>
		</ul>
	</div>
			</li>
			<li>小米手机
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/009.png" alt="" />
						<p>小米Mix 2</p>
						<p>3999元起</p>
					</li>
				</ol>
			</li>
			<li>红米</li>
			<li>平板-笔记本
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/011.png" alt="" />
						<p>小米笔记本 Pro 15.6</p>
						<p>3999元起</p>
					</li>
					
				</ol>
			</li>
			<li>电视
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/012.jpg" alt="" />
						<p>小米电视机4.4英寸</p>
						<p>3999元起</p>
					</li>
				</ol>
			</li>
			<li>盒子-影音
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/hezi80-80.jpg" alt="" />
						<p>小米盒子3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/hezi80-80.jpg" alt="" />
						<p>小米盒子3</p>
						<p>199元起</p>
					</li>
				</ol>
			</li>
			<li>路由器
				<ol class = "ol_1">
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
					<li>
						<p>新品</p>
						<img src= "../image/013.png" alt="" />
						<p>小米路由器3</p>
						<p>199元起</p>
					</li>
				</ol class = "ol_1">
			</li>
			<li>智能硬件</li>
			<li>服务</li>
			<li>社区</li>
		</ul>
		<form action="" method ="get" id = "form">
			<input type = "text" id = "input1"/>
			<div id = "div1"></div>
			<div class = "search" id = "search">
				<span>小米Max2</span>
				<span>小米Note3现货</span>
			</div>
			<input class = "input2 iconfont" type = "submit" value = "&#xe7cc;"/>
			<div id = "prd"></div>
		</form>
	</div>
	
<!--详情部分-->
<div class = "small_b">
	<div class = "small_six">
		<p class = "six_p1">小米6</p>
		<ul class = "six_ul1">
			<li>概述</li>
			<li>变焦双摄</li>
			<li>设计</li>
			<li>参数</li>
			<li>F码通道</li>
			<li>用户评价</li>
		</ul>
	</div>
</div>
<div class="load_b">
	<div class="load">
		<span class = "load_span1">为方便您的购买，请提前登录</span>
		<span class = "load_span2">立即登录</span>
		<span class = "load_span3">×</span>
	</div>
</div>
<!--details是详情的意思-->
<div class = "mi6">
	<div class = "photo"></div>
	<div class = "details">
		<div class = "mi_div1">
			<h3>小米6</h3>
			<p class = "mi_p1"><span class = "mi_span1">【小米6 陶瓷尊享版 现货在售。亮黑色、亮白色、亮蓝色 10月10日晚20点开售】</span>
				变焦双摄，4 轴防抖 / 骁龙835 旗舰处理器，6GB 大内存，最大可选128GB 闪存 / 5.15" 护眼屏 / 四曲面玻璃/陶瓷机身
			</p>
			<p class = "mi_price">2499元</p>
		</div>
		<div class = "mi_div2">
			<p class = "mi_p2">
				北京 北京市 东城区 永定门外街道 <span class = "mi_span2">修改</span>
			</p>
			<p class = "mi_p3">该地区暂时缺货</p>
		</div>
		<div class = "mi_div3">
			选择版本
		</div>
		<div class= "mi_div4">
			<dd class = "mi_p4">
				<span>全网通版6GB+64GB</span>
				<span>2499元</span>
			</dd>
			<dd class = "mi_p5">
				<span>全网通版6GB+128GB</span>
				<span>2899元</span>
			</dd>
			<dd class = "mi_p6">
				<span>陶瓷尊享版128GB</span>
				<span>2999元</span>
			</dd>
		</div>
		<div class = "mi_div5">
			选择颜色
		</div>
		<div class = "mi_div6">
			<dd class = "mi_p7">
				<span>●</span>
				<span>黑色</span>
			</dd>
			<dd class = "show1" id = "mi_p8" >
				<span>●</span>
				<span>白色</span>
			</dd>
			<dd  class = "hide1" id = "mi_p9">
				<span>●</span>
				<span>亮蓝色</span>
			</dd>
		</div>
		<div class = "mi_div7">
			搭配购买
		</div>
		<div class = "mi_div8">
			搭配购买立省**元
		</div>
		<div class = "mi_div9">
			<p class = "mi_p10"><span>dfd</span><span></span></p>
			<p class = "mi_p11"><span>总计 ：</span><span class = "mi_money"></span></p>
		</div>
		<p class = "mi_p12">加入购物车</p>
		<p class = "mi_p13"><img src = "../image/026_03.png"/>支持7天无理由退货</p>
	</div>
</div>



<!--底部-->
<div class = "foot">
	<ul class = "lyy">
		<li><img src = "../image/022_03.png"/>预约维修服务</li>
		<li><img src = "../image/022_06.png"/>七天无理由退货</li>
		<li><img src = "../image/022_08.png"/>15天免费换货</li>
		<li><img src = "../image/022_11.png"/>满150元包邮</li>
		<li><img src = "../image/022_13.png"/>520余家售后网点</li>
	</ul>
	<div class = "middle">
		<div class = "Mleft">
			<dl>
				<dt>帮助中心</dt>
				<dd>账户管理</dd>
				<dd>购物中心</dd>
				<dd>订单操作</dd>
			</dl>
			<dl>
				<dt>服务支持</dt>
				<dd>售后政策</dd>
				<dd>自助服务</dd>
				<dd>相关下载</dd>
			</dl>
			<dl>
				<dt>线下门店</dt>
				<dd>小米之家</dd>
				<dd>服务网点</dd>
				<dd>零售网点</dd>
			</dl>
			<dl>
				<dt>关于小米</dt>
				<dd>了解小米</dd>
				<dd>加入小米</dd>
				<dd>联系我们</dd>
			</dl>
			<dl>
				<dt>关注我们</dt>
				<dd>新浪微博</dd>
				<dd>小米部落</dd>
				<dd>官方微信</dd>
			</dl>
			<dl>
				<dt>特色服务</dt>
				<dd>F码通道</dd>
				<dd>礼物码</dd>
				<dd>防伪查询</dd>
			</dl>
		</div>
		<div class = "Mright">
			<h4>400-100-5678</h4>
			<p class = "Mp1">周一至周日 8:00-18:00</p>
			<p class = "Mp2">(仅收市话费)</p>
			<p class = "Mp3"><img src = "../image/022_21.png"/>24小时在线客服</p>
		</div>
	</div>
</div>
<!--banner-->

<div class = "bottom_b">
		<div class = "bottom">
			<img src = "../image/023_01.png" class = "Bimg"/>
			<div class = "two">
				<ul class = "Bul">
					<li>小米商场</li>
					<li>MIUI</li>
					<li>米聊</li>
					<li>多看书城</li>
					<li>小米路由器</li>
					<li>视频电话</li>
					<li>小米天猫店</li>
					<li>小米淘宝直营店</li>
					<li>小米网盟</li>
					<li>小米移动</li>
					<li>隐私政策</li>
					<li>Select Region</li>
				</ul>
				<p class = "Tp1">
					©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 
				</p>
				<p class = "Tp2">
					违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
				</p>
			</div>
			<div class = "three">
				<img  src = "../image/022_25.png" class  ="Rimg1"/>
				<img  src = "../image/022_33.png" class  ="Rimg2"/>
				<dl class = "Rdl1">
					<dd>诚信网站</dd>
					<dd>示范企业</dd>
				</dl>
				<img  src = "../image/022_27.png" class  ="Rimg2"/>
				<dl class = "Rdl1">
					<dd>可信网站</dd>
					<dd>信用评价</dd>
				</dl>
				<img  src = "../image/022_30.png" class  ="Rimg2"/>
				<dl class = "Rdl1">
					<dd>网上交易</dd>
					<dd>保障中心</dd>
				</dl>
			</div>
			<p class = "four">
				探索黑科技，小米为发烧而生！
			</p>
		</div>
	</div>

</body>
</html>
<script type = "text/javascript" src = "../js/cookie.js"></script>
<script type = "text/javascript" src = "../js/startMove.js"></script>
<script type = "text/javascript" src = "../js/ajax.js"></script>
<script type = "text/javascript" src = "../js/jquery-1.11.3.js"></script>
<script type = "text/javascript" src = "../js/chanpin.js"></script>
<script type = "text/javascript" src = "../js/dizhi.json"></script>
<script type = "text/javascript" src = "../js/xiangqing.js"></script>
<script>
	
</script>